<template>
	<div class="detail-live">
		<video 
				controls
				loop="loop"
				autoplay="autoplay"
				class="dhy-video" 
				tabindex="0" 
				:poster="detailPoster" 
				playsinline="true" 
				preload="auto" 
				x5-video-player-type="h5" 
				x5-video-player-fullscreen="true" 
				x5-video-orientation="landscape|portrait" 
				webkit-playsinline="true" 
				:src="detailVurl"
		>
		</video>
	</div>
</template>

<script>
	export default {
		name: 'detail-live',
		props: {
			detailPoster: String,
			detailVurl: String
		}
	}
</script>

<style lang="stylus" scoped>
	.detail-live
		height:422px
		background:#000
		margin-top:-2px
		.dhy-video
			width:100%
			height:100%
</style>
